<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>科技有限公司</title>
    <link rel="shortcut icon" type="image/x-icon" href="../img/icon.ico"/>
    <link rel="stylesheet" href="../css/front/product.css">
    <%--    <script src="../js/jquery-3.5.1.js"></script>--%>
    <%--    <script src="../js/high_tech.js"></script>--%>
</head>
<body>
<%--<div id="top"></div>--%>
<jsp:include page="top.jsp"/>
<div class="middle">
    <div class="modular">
        <div class="pdt_header">\产品展示</div>
        <div id="photo"><img src="../img/pro_d31a.png" width="130%" height="120%"/></div>
    </div>
    <div class="content">
        <div class="pdt_type">
            <c:forEach items="${productTypes}" var="producttype">
                <div>
                        ${producttype.name}
                </div>
            </c:forEach>
        </div>
        <div class="pdt_details">
            <c:forEach items="${products}" var="product" begin="0" end="3">
                <div>
                    <div><img src="${product.photo}" height="90%" width="90%"/></div>
                    <div class="name">${product.name}</div>
                    <div class="type">${product.userType.name}</div>
                    <div>
                        <div class="price">价格：</div>
                        <div class="num">${product.price}</div>
                    </div>
                </div>
            </c:forEach>
        </div>
        <div class="pdt_details">
            <c:forEach items="${products}" var="product" begin="4" end="7">
                <div>
                    <div><img src="${product.photo}" height="90%" width="90%"/></div>
                    <div class="name">${product.name}</div>
                    <div class="type">${product.user_type}</div>
                    <div>
                        <div class="price">价格：</div>
                        <div class="num">${product.price}</div>
                    </div>
                </div>
            </c:forEach>
        </div>
        <%--        <div id="page"></div>--%>
        <jsp:include page="page.jsp"/>
    </div>
</div>
<%--<div id="footer"></div>--%>
<jsp:include page="footer.jsp"/>
</body>
</html>